<script>
	export default {
		globalData: {  
			innerAudioContext : null 
		},
		onLaunch: function() {
			const innerAudioContext = uni.createInnerAudioContext();
			this.globalData.innerAudioContext = innerAudioContext;
			
			innerAudioContext.autoplay = true;
		},
		onShow: function() {
		},
		onHide: function() {
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "uview-ui/index.scss";
	*{
		padding: 0;
		margin: 0;
		border: 0;
	}
	
	.wap_content {
		width: 100%;
		min-height: 100vh;
		box-sizing: border-box;
		background-color: #F8F8F8;
		padding: 0;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 100rpx);
		padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx);
	}
	
	.display_flex_center {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.display_flex_between {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.display_flex_around {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	
	.display_flex_seart {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.display_flex_column {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
	}
	
	.full_view {
		width: 100%;
		position: relative;
	}
	
	.full_view_image {
		width: 100%;
	}
	
	.status_bar {
		height: var(--status-bar-height) !important;
		width: 100%;
	}
	
	.text_overflow_ellipsis {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.load_more_tips {
		height: 100rpx;
		color: #999;
	}
	
	.noLoginPage{
		width: 100%;
		height: 100vh;
		background-color: transparent;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
	}
	.xcx-contact-btn {
		width: 100%;
		height: 100%;
		background-color: transparent;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
	}
	
	button::after {
		border: none;
	}
	
	.mustText {
		color: red;
	}
	
	.hide_none{
		display: none !important;
	}
	
	.hide_visibility{
		visibility: hidden !important;
	}
	
	.show_flex{
		display: flex !important;
	}
	
	.show_block{
		display: block !important;
	}
	
	@keyframes rotate {
	  from {
	    transform: rotate(0deg);
	  }
	  to {
	    transform: rotate(360deg);
	  }
	}
</style>
